﻿/*
Copyright (c) Microsoft Corporation. All rights reserved
*/

/* styles */
*
{
    -ms-content-zooming: none;
}

body
{
    touch-action: none;
}

#scenarioHeader
{
    flex-shrink: 0;
}

#scenarioView
{
    display: flex;
    flex-direction: column;
    height: 100%;
}

#scenarioContent
{
    display: flex;
    flex-direction: column;
    height: 100%;
}

#canvasGroup
{
    display: block;
    position: relative;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    overflow: scroll;
    z-index: 0;
    pen-action: none;
}

div.rectangle
{
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    transform-origin: 0% 0%;
    touch-action: none;
}

canvas.surface
{
    display: block;
    position: absolute;
    width: 2560px;
    height: 2560px;
}

#HighlightCanvas
{
    background-color: White;
    z-index: 1;
}

#InkCanvas
{
    background-color: rgba(0, 0, 0, 0.075);
    z-index: 2;
}

#SelectCanvas
{
    background-color: rgba(0, 0, 0, 0.0);
    z-index: 3;
}

#SelectionBox
{
    background-color: rgba(0, 0, 0, 0.0);
    z-index: 4;
}

#RecoFlyout
{
    color: black;
}

#Word
{
    position: absolute;
    z-index: 20;
    visibility: hidden;
}

#ToolBar
{
    flex-shrink: 0;
}

#Black .win-label {color: Black;}
#Blue .win-label  {color: Blue; }
#Red .win-label   {color: Red;  }
#Green .win-label {color: Green;}

#HLYellow {background-color: Yellow;}
#HLAqua   {background-color: Aqua;  }
#HLLime   {background-color: Lime;  }